<template>
  <div class="kechengbiao">
    <van-nav-bar
      title="课程表"
      right-text="今天"
      left-arrow
      @click-left="$router.back()"
    />
    <van-calendar
      title="日历"
      :poppable="false"
      :show-confirm="false"
      :style="{ height: '300px' }"
    />
    <div class="box">
      <p>当日课程</p>
      <van-empty
        image-size="200"
        image="https://wap.lexuemiao.com/img/study@3x.7cf3e897.png"
        description="当天没有课,去复习一下上过的课把~"
      />
    </div>
  </div>
</template>

<script>
import { toRefs, reactive, onMounted } from 'vue'
export default {
  setup(props) {
    const data = reactive({})

    return {
      ...toRefs(data)
    }
  }
}
</script>
<style lang="scss" scoped>
.box {
  p {
    font-size: 12px;
    padding: 20px;
    color: #666;
  }
}
</style>
